<%@page contentType="text/html; charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<link href="${ctxPath}/resource/front/css/index.css" rel="stylesheet" type="text/css" />
<link href="${ctxPath}/resource/front/css/domestic_flight.css" rel="stylesheet" type="text/css" />
<script src="${ctxPath}/resource/front/js/flightSearch.js" type="text/javascript"></script>
<script src="${ctxPath}/resource/front/js/domestic_ticket.js" type="text/javascript"></script>
<script src="${ctxPath}/pages/front/result.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="${ctxPath}/resource/front/lib/jquery.autocomplete.css" />
<link rel="stylesheet" type="text/css" href="${ctxPath}/resource/front/lib/thickbox.css" />
<link type="text/css" href="${ctxPath}/resource/front/lib/base/jquery.ui.all.css" rel="stylesheet" />
<link type="text/css" href="${ctxPath}/resource/front/lib/demos.css" rel="stylesheet" />
<script src="${ctxPath}/resource/front/js/airLines.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="${ctxPath}/resource/front/css/2012_6_1_tips.css" />
<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery-powerFloat.js"></script>

<div id="floor2nd" style="width:1000px;margin:0px auto;">
<!--left-->
<div id="left">
<!--search-->
<div id="search">
	<ul class="search_title">
	<li class="domestic_search"><img src="${ctxPath}/resource/front/image/international_ticket/search_icon.gif" width="31" height="29" align="absmiddle"/>&nbsp;&nbsp;&nbsp;&nbsp;国内机票查询</li>
	</ul>
    <ul class="search">
      <!--fare-->
      <li class="domestic_frametop">
      	 航程类型： 
        <input name="flightType" id="sel" type="radio" value="1" checked="checked" />单程&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
       <!--  <input name="flightType" id="sel1"type="radio" value="2" />往返 -->
        <div id="city_find">
          <ul class="go_city">
            出发城市：
         	<input type="text" style="width:120px" name="flightName" id="flightName"  />
            <input name="depcity" autocomplete="off"  id="dep" />
            <input type="hidden" name="flightCode" id="flightCode" />
            <div name="cityframe" id="oyesgo_city_popping" >
              <h3>Top  20热门城市</h3>
              <ul>
              </ul>
              <a title="close" id="oyesgo_city_closewin" class="arr_btn_close"></a> </div>
          </ul>
          <ul class="go_city">
            到达城市：
            <input  type="text" style="width:120px" name="arriName" id="arriName"  />
            <input name="arrcity" autocomplete="off" id="arr" />
             <input type="hidden"  name="arriCode" id="arriCode" />
            <div name="cityframe1" id="oyesgo_city_popping" >
              <h3>Top  20热门城市</h3>
              <ul>
              </ul>
              <a title="close" id="oyesgo_city_closewin" class="arr_btn_close"></a> </div>
          </ul>
        </div>
      </li>
      
      <li class="domestic_framebottom">
        <div id="time">
          <ul>
            <li>出发日期：
              <input type="text" id="datepicker" name="flightDate" style="width:120px" />
            </li>
      <!--       <li>出发日期：
              <input type="text" id="datepicker1"  style="width:120px"/>
            </li> -->
          </ul>
        </div>
      </li>
      
      <li class="submitbox">
        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr style="text-align: center;">
         <%--      <td align="right"><img src="${ctxPath}/resource/front/image/index/reset_submit.gif" width="84" height="23"/></td> --%> 
         <td><img src="${ctxPath}/resource/front/image/index/search_submit.gif" width="84" height="23" id="searchFlight"/></td>
          </tr>
        </table>
      </li>     
    </ul>
</div>
<div class="domestic_contact">
	<ul class="contact_title"><img src="${ctxPath}/resource/front/image/aboutus/contact_theme.gif" width="70" height="12" align="absmiddle"/>&nbsp;&nbsp;联系方式</ul>
	<ul class="contact_pic"><img src="${ctxPath}/resource/front/image/aboutus/contact1.gif" width="345" height="153"/></ul>
	<ul class="contact_online"><img src="${ctxPath}/resource/front/image/public/online.gif" width="333" height="101"/></ul>
	<ul class="address">
		<li>&lt;联系地址&gt;：广州市建设大马路八号之三逸雅居中堂410室</li>
		<li>&lt;邮政编码&gt;：510060</li>
	</ul>
</div>
<div id="help">
	<ul class="help_title"><img src="${ctxPath}/resource/front/image/international_ticket/dot.gif"/>&nbsp;&nbsp;帮助中心</ul>
	<ul>
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
		  <c:forEach var="item" items="${systemHelps}" end="2">
		    <td class="help_list">
		    <img src="${ctxPath}/resource/front/image/members/help_dot.gif"/>&nbsp;&nbsp;
		    <a href="${ctxPath}/front/index.do?cmd=helpDetail&id=${item.systemId}">${item.title}</a></td>
		  </c:forEach>
		 </tr>
		</table>
	</ul>
</div>

</div>
<!--right-->
<div id="right">
	<div id="ticket_list">
	<ul class="ticket_list_title">
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td><img src="${ctxPath}/resource/front/image/international_ticket/list.gif" width="32" height="12" align="absmiddle" />&nbsp;机票列表</td>
				<td align="right"><img src="${ctxPath}/resource/front/image/international_ticket/choice.gif" width="179" height="14"/></td>
			  </tr>
		</table>
    </ul>
	<ul class="ticket_list_journey"><img src="${ctxPath}/resource/front/image/international_ticket/fly.gif" width="15" height="15" align="absmiddle"/>&nbsp;&nbsp;<strong>航班信息</strong>&nbsp;&nbsp;
	</ul>
	<ul class="ticket_list_flight">
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
			 <tr>
				<td width="60%"><label id="showFlightName">${param['flightName']}</label>→<label id="showArriName">${param['arriName']}</label></td>
				<td width="15%"><label id="showFlightDate">${param['flightDate']}</label></td>
				<td width="10%"><label id="xqj"></label></td>
				<td width="15%">共<label id="total">0</label>个航班</td>
			 </tr>
		</table>
	</ul>
	<ul class="ticket_list_choice">
	<table width="100%" id="fligtCode"  border="0" cellspacing="0" cellpadding="0">
		</table>
	</ul>
	<ul class="help_list1">
		<table width="100%" cellspacing="0" cellpadding="0" border="0">
		  <tbody><tr>
			<td width="10%">排序：</td>
			<td width="10%"><input type="radio" value="price" name="radiobutton" checked="checked" onclick="sortFlight('price')" >价格</td>
			<td width="20%"><input type="radio" value="time" name="radiobutton" onclick="sortFlight('time')">起飞时间</td>
			<td align="right" width="50%"><a href="javascript:oneDay()">&lt;前一天</a></td>
			<td align="right" width="10%"><a href="javascript:nextDay()">后一天&gt;</a></td>
		  </tr>
	</tbody></table>
	</ul>
	
    <div class="flightlist">
            <div class="dh">
            <div class="c0"></div>
            <div class="c1">航空公司<br />航班号</div>
            <div class="c2">起降时间</div>
            <div class="c3" >起降机场</div>
            <div class="c4">价格 / 舱位</div>
            <div class="c5">退改签</div>
            <div class="c6">机建/燃油</div>
            </div>
            
            <!--内容-->
        <div class="both">     
  		</div>
        		
</div>
	  
	
	<ul class="flight_page"></ul>
	<ul>
	  <li class="ticket_list_last">* 舱位随订随售。因舱位情况变动较大，以客服中心确认出票为准。</li>
	  <li class="ticket_list_last">* 特别优惠舱位及部分折扣舱位执行三不准政策即不得签转、不得更改、不得退票，特提请注意！</li>
	  <li class="ticket_list_last">* 如对价格有疑问，请拨打咨询热线： <font color="#F18230"><strong>4007-168-138</strong></font></li>
	</ul>
	<div id="targetBox" style=" background:#fff; border:1px solid #09F; width:200px;  " >
	</div>
</div>
</div>
<script type="text/javascript">
		var flightType=getQueryString("flightType");
		var flightName=getQueryString("flightName");
		var arriName=getQueryString("arriName");
		var flightCode=getQueryString("flightCode");
		var arriCode=getQueryString("arriCode");
		var flightDate=getQueryString("flightDate");
		var result=checkSearch(flightName,flightCode,arriName,arriCode,flightDate);
		if(result){
			$("#floor2nd").mask("正在查询航班,请等待...");
		 	initSearch(flightCode,arriCode,flightDate);
		}
		</script>
	<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.ui.core.js" charset="gb2312"></script>
	<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.ui.widget.js" charset="gb2312"></script>
	<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.ui.datepicker.js" charset="gb2312"></script>
    <script type="text/javascript" src="${ctxPath}/resource/front/lib/date.js" charset="gb2312"></script>
    
<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.bgiframe.min.js" charset="gb2312"></script>
<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.ajaxQueue.js" charset="gb2312"></script>
<script type="text/javascript" src="${ctxPath}/resource/front/lib/thickbox-compressed.js" charset="gb2312"></script>
<script type="text/javascript" src="${ctxPath}/resource/front/lib/jquery.autocomplete.js" charset="gb2312"></script>
<%-- <script type="text/javascript" src="${ctxPath}/resource/front/lib/localdata.js" charset="gb2312"> </script> --%>

<script type="text/javascript" src="${ctxPath}/resource/front/lib/copyinput.js" charset="gb2312"></script>
<script type="text/javascript" src="${ctxPath}/resource/front/lib/hot_20city.js" > </script>

<%-- <script src="${ctxPath}/resource/front/lib/jquery-powerFloat.js" type="text/javascript"></script>
<script >
$(".t5").powerFloat({target: $("#targetBox")});
</script> --%>